import React from "react";
import { Text } from "react-native";
import {
    createStackNavigator,
} from "react-navigation";
import TopView from "./TopView";
import Tdetails from "./WorksDisplay/details/index";
import PictureTab from "./WorksDisplay/details/picture";
import ColumnTab from "./WorksDisplay/details/column";
import searchTab from "./WorksDisplay/common/index";
import ArticleListTab from "./WorksDisplay/List/ArticleList";
// import WorksDisplay from "./WorksDisplay/MyPageComponents";
// import WorkShow from "./WorksDisplay/WorkComponents";
const App = createStackNavigator({
    Home: {   //首页面
        screen: TopView,
        navigationOptions: { //标题展示
            headerTitle:(
                <Text style={{flex:1,textAlign:'center',fontSize:18,}}>展示交流</Text>
            ),
        },
    },
    Textdetails:{  //文章的详情页面
        screen:Tdetails,
        navigationOptions:{
            headerTitle: "详情页面",
        }
    },
    ArticleList:{  //文章的详情页面
        screen:ArticleListTab,
        navigationOptions:{

        }
    },
    picture:{   //图片的详情页面
        screen:PictureTab,
        navigationOptions:{
            headerTitle:"详情页面",

        }
    },
    column:{  //栏目详情页面制作
        screen:ColumnTab,
        navigationOptions:{

        }
    },
    search:{  //搜索的详情页面展示
        screen:searchTab,
        navigationOptions:{
            header:null,
        }
    }
}, {
    navigationOptions: { //配置顶部导航 
        headerTitleStyle: { //导航栏文字的样式
            fontSize: 18,

        },
        headerBackTitleStyle: {    //‘返回’文字的样式

        },
        headerStyle: { //导航栏的样式
            backgroundColor: '#d04542',
            // borderBottomColor: '#f5a623',
            // borderBottomWidth: 1,
        },
    }
});
export default App;